<template>
	<view>
		<view class="state-box">
			<view class="">
				<view class="headline">
					<view class="headline-left">
						ML202306120003-压缩机
					</view>
					<view class="headline-right">
						待维修
					</view>
				</view>
				<view class="information">
					创建时间：2023/06/12 10:56:29
				</view>
				<view class="information">
					报修人员：哇塞
				</view>
			</view>
		</view>

		<view class="malfunction-repairs">
			<view class="">
				<span class="span1">检查设备：</span><span class="span2">ML202306120003-压缩机</span>
			</view>
			<view class="">
				<span class="span1">设备型号：</span><span class="span2">ML2023</span>
			</view>
			<view class="">
				<span class="span1">设备类型：</span><span class="span2">搅拌机械</span>
			</view>
			<view class="">
				<span class="span1">所在位置：</span><span class="span2">厂房五区</span>
			</view>
			<view class="" style="opacity: 0.3;border-bottom: 1rpx solid #bcbdc5;">

			</view>
			<view class="">
				<span class="span1">方案编号：</span><span class="span2">L202306120</span>
			</view>
			<view class="">
				<span class="span1">方案名称：</span><span class="span2">月度巡检</span>
			</view>
			<view class="">
				<span class="span1">检查标准：</span><span class="span2">是否有损坏</span>
			</view>
			<view class="">
				<span class="span1">检查结果：</span><span class="span2">完好</span>
			</view>
			<view class="">
				<span class="span1">管&nbsp;&nbsp;理&nbsp;&nbsp;员：</span><span class="span2">雷军</span>
			</view>
			<view class="" style="opacity: 0.3;border-bottom: 1rpx solid #bcbdc5;">

			</view>
			<view class="">
				<span class="span1">备&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 注：</span><span class="span2">非常紧急</span>
			</view>
			<view class="">
				<span class="span1">附&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 件：</span><span class="span2">-</span>
			</view>
			<view class="" style="opacity: 0.3;border-bottom: 1rpx solid #bcbdc5;">
			
			</view>
			<view class="">
				<span class="span1">汇报时间：</span><span class="span2">-</span>
			</view>
			<view class="">
				<span class="span1">汇报人员：</span><span class="span2">-</span>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
			
			};
		}
	}
</script>

<style lang="scss">
	.state-box {

		margin: 32rpx 32rpx 48rpx 32rpx;
		padding: 48rpx 32rpx 18rpx 32rpx;
		// height: 450rpx;
		opacity: 1;
		border-radius: 20rpx;
		background: rgba(255, 255, 255, 1);
		box-shadow: 0px 0px 20rpx rgba(32, 37, 64, 0.06);

		.information {
			opacity: 0.3;
			/** 文本1 */
			font-size: 24rpx;
			font-weight: 400;
			color: rgba(0, 0, 0, 1);
			margin-bottom: 32rpx;
		}

		.headline {
			margin-bottom: 32rpx;
			display: flex;
			justify-content: space-between;
			height: 38rpx;
			opacity: 1;
			/** 文本1 */
			font-size: 32rpx;
			font-weight: 700;
			letter-spacing: 0px;
			line-height: 38rpx;
			color: rgba(32, 37, 64, 1);
			text-align: left;
			vertical-align: top;

			.headline-right {
				width: 112rpx;
				height: 36rpx;
				opacity: 1;
				border-radius: 8rpx;
				background: linear-gradient(90deg, rgba(255, 198, 128, 0.1) 0%, rgba(242, 174, 90, 0.1) 100%);

				font-size: 20rpx;
				font-weight: 400;
				letter-spacing: 0px;
				line-height: 36rpx;
				color: rgba(255, 195, 0, 1);
				text-align: center;

			}
		}
	}

	.malfunction-repairs {
		padding: 0rpx 32rpx 32rpx 32rpx;

		view {
			margin-bottom: 32rpx;
		}

		.span1 {
			height: 30rpx;
			opacity: 0.3;
			/** 文本1 */
			font-size: 24rpx;
			font-weight: 400;
			letter-spacing: 0px;
			line-height: 30rpx;
			color: rgba(32, 37, 64, 1);
			text-align: right;
		}

		.span2 {
			height: 30rpx;
			opacity: 1;
			/** 文本1 */
			font-size: 24rpx;
			font-weight: 400;
			line-height: 30rpx;
			color: rgba(32, 37, 64, 1);
			text-align: left;
		}
	}
</style>